* {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
}

body {
	font-family: "微软雅黑" !important;
}

ul,
ol,
li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}


table {
	max-width: 100% !important;
	border-spacing: 0;
	border-collapse: collapse;
}

img {
	max-width: 100%;
	border: 0px !important;
	vertical-align: middle;
}

select,
input,
textarea {
	margin: 0;
	vertical-align: middle;
	resize: none;
	padding: 0;
	font-family: "微软雅黑";
}

.bt-left {
	float: left;
}

.bt-right {
	float: right;
}

.bt-clear {
	clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
}


/*内容*/

.wip_bbgig {
	background: url(bannerbig2.png) no-repeat center top;
	width: 100%;
}

.wip_bbg {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 50px;
	padding-bottom: 22px;
	padding-top: 27px;
}

.wip_bbg h1 {
	font-size: 32px;
	line-height: 35px;
	text-align: center;
}

.wip_bbg h1 a {
	color: #0E73DC;
}

.wip_bbg p {
	margin-bottom: 20px;
	margin-top: 25px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wip_bbg p a {
	color: #D78B50;
}


/* 轮播 */

.lunbo {
	width: 650px;
	overflow: hidden;
	position: relative;
	float: left;
height: 330px;
}

.lunbo .hd {;
	overflow: hidden;
	position: absolute;
	right: 10px;
	bottom: 18px;
	z-index: 1;
}

.lunbo .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.lunbo .hd ul li {
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 6px;
	background: url("lunboioc.png") 0 0 no-repeat;
}

.lunbo .hd ul li.on {
	background: url("lunboioc_hov.png") no-repeat;
}

.lunbo .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.lunbo .bd li {
	zoom: 1;
	vertical-align: middle;
}

.lunbo .bd li a {
	position: relative;
	width: 100%;
	display: block;
}

.lunbo .bd li .fit {
	height: 330px;
}

.lunbo .bd li .text {
	width: 100%;
	height: 60px;
	background: #000;
	line-height: 60px;
	padding-left: 20px;
	z-index: 1;
	position: absolute;
	bottom: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-size: 18px;
}

.lunbo .bd li .text h5 {
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
	font-weight: normal;
}

.lunbo .next {
	width: 32px;
	height: 67px;
	position: absolute;
	z-index: 1;
	background-size: contain;
	right: 0;
	bottom: 165px;
	cursor: pointer;
}

.lunbo .prev {
	width: 32px;
	height: 67px;
	position: absolute;
	z-index: 1;
	background-size: contain;
	left: 0;
	bottom: 165px;
	cursor: pointer;
}

.div2-news {
	width: 520px;
	float: right;
}

.tit {
	border-bottom: 2px solid #a7cef9;
	width: 100%;

}

.tit li {
	color: #333;
	font-size: 24px;
	text-align: center;
	float: left;
	margin-left: 35px;
	padding-bottom: 23px;
}

.tit li:first-child {
	margin-left: 0px;
}

.tit li a {
	color: #333;
}

.wip_cright .tit li {
padding-bottom: 27px;
}

.title_tab_hover {
	background: url(listsjblue.png) no-repeat bottom;
	font-weight: bold;
	border-bottom: 3px solid #288aee;
}

.tit .title_tab_hover a {
	color: #2b8bee;
}

.listul {
	overflow: hidden;
	margin-top: 7px;
}

.listul li {
	font-size: 18px;
	line-height: 45px;
	background: url(dian.png) no-repeat;
	background-size: 3px;
	background-position: left 22px;
	padding-left: 20px;
}

.listul li:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
}

.listul li:hover a {
	color: #2B8BEE;
}


/*.listul li:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #333;
	margin-bottom: 5px;
	margin-right: 16px;
}*/

.listul li a {
	color: #333333;
	margin-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 77%;
	display: block;
	float: left;
}

.listul li span {
	color: #999999;
	display: inline-block;
	float: right;
}


/*第三部分*/

.wip_cbg {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.wip_colname {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto 30px;
}

.wip_cbg .wip_colname {
	margin-bottom: 26px;
}

.wip_cleft {
	float: left;
	width: 395px;
	background: #f9f9f9;
	padding-left: 20px;
}

.wip_cright {
	float: right;
	width: 780px;
}

.wip_cleftname {
	color: #2B8BEE;
	font-size: 24px;
	line-height: 58px;
	margin-bottom: 5px;
}

.wip_cleftname a {
	color: #2B8BEE;
}

.wip_cleftli {
	width: 355px;
	height: 60px;
	line-height: 62px;
	padding-left: 50px;
	font-size: 18px;
	margin-bottom: 20px;
}

.wip_cleftli a {
	color: #333333;
}

.wip_cleftli img {
	margin-right: 29px;
}

.wip_cleftli01 {
	background: url(xxgkico2.png) no-repeat center;
}

.wip_cleftli02 {
	background: url(xxgkico1.png) no-repeat center;
}

.wip_cleftli03 {
	background: url(xxgkico2.png) no-repeat center;
}

.wip_cleftli04 {
	background: url(xxgkico1.png) no-repeat center;
}

.wip_cleftli05 {
	background: url(xxgkico2.png) no-repeat center;
}


.wip_ccol {
	width: 50px;
	height: 90px;
	line-height: 22px;
	font-size: 16px;
	font-weight: bold;
	float: left;
	background: #f1f1f1;
	border-left: 4px solid #117ded;
	letter-spacing: 9px;
	text-align: center;
	padding-top: 2px;
	padding-left: 6px;
}

.wip_ccol a {
	color: #2B8BEE;
}

.wip_cright .listul li {
	/*border-bottom: 1px solid #f0f0f0;*/
	line-height: 48px;
	background-position: left 24px;
}

.wip_cright .tit {
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 11px;
}


.wip_cslidebg {
	margin: 21px auto 50px;
}

.txtScroll-pic {
	position: relative;
	overflow: hidden;
	width: 1130px;
	float: right;
}

.txtScroll-pic .bd {
	padding: 0px;
	overflow: hidden;
	width: calc(100% - 0px);
	height: 90px;
}

.txtScroll-pic .bd ul {
	overflow: hidden;
	zoom: 1;
}

.txtScroll-pic .bd ul li {
	margin: 0;
	float: left;
	_display: inline;
	overflow: hidden;
	width: 25%;
	text-align: center;
}

.txtScroll-pic .bd ul li img {
	width: 267px;
	height: 90px;
}

.txtScroll-pic .bd ul li a {
	display: block;
}

.txtScroll-pic .hd a.next {
	background: url(wip_cleftbtn.png) no-repeat center;
	width: 38px;
	display: block;
	position: absolute;
	left: 8px;
	top: 0;
	height: 90px;
	cursor: pointer;
	z-index: 10;
}

.txtScroll-pic .hd a.prev {
	background: url(wip_crightbtn.png) no-repeat center;
	width: 38px;
	display: block;
	position: absolute;
	right: 5px;
	top: 0;
	height: 90px;
	cursor: pointer;
	z-index: 10;
}


/*第四部分*/

.wip_dbgbig {
	width: 100%;
	background: #f4f9fc;
	padding: 30px 0px 27px;
	margin-bottom: 50px;
}


/*滚动图片效果*/

#pic_box {
	margin: 1px auto 0px;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	height: 480px;
	position: relative;
}

#pic_box ul.pic_box li {
	background: #2B8BEE;
	list-style: none;
	border-radius: 3px;
	border: 0px solid rgb(0, 0, 0);
	left: 377px;
	top: 146px;
	width: 500px;
	height: 400px;
	overflow: hidden;
	position: absolute;
	z-index: 0;
	cursor: pointer;
}

#pic_box ul.pic_box li a {
	color: #FFFFFF;
}

#pic_box ul.pic_box li div {
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(alpha_bj.png)
}

#pic_box ul.pic_box li div p {
	margin: 0px 0px 0px 15px;
	line-height: 40px;
}

#pic_box ul.pic_box li div h4 {
	font: 12px/24px arial;
	margin: 0px 10px;
	border-bottom-color: rgb(51, 51, 51);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size-adjust: none;
	font-stretch: normal;
}

#pic_box ul.pic_box li div h4 span {
	color: red;
	margin-left: 10px;
}


/**效果按钮样式**/

#pic_box .next {
	background-position: -39px 0px;
	right: -60px;
}

#copyright {
	text-align: center;
	padding-top: 10px;
}

#pic_box .prev {
	z-index: 100;
	position: absolute;
	left: 0px;
	top: 100px;
	width: 52px;
	display: block;
	height: 52px;
	line-height: 200px;
	overflow: hidden;
	top: 155px;
	cursor: pointer
}

#pic_box .next {
	z-index: 100;
	position: absolute;
	right: 0px;
	top: 100px;
	width: 52px;
	display: block;
	height: 52px;
	line-height: 200px;
	overflow: hidden;
	top: 155px;
	cursor: pointer
}

#pic_box .prev {
	background: url(btn.png) no-repeat;
}

#pic_box .next {
	background: url(btn.png) no-repeat right top;
}

#pic_box .prev:hover {
	background-position: left top
}

#pic_box .next:hover {
	background-position: right top
}

.zfliico {
	float: left;
}

.wip_dslidebg {
	position: relative;
	/*overflow: hidden;*/
	width: 1200px;
	margin: auto;
}

.wip_dslidebg .bd {
	padding: 0px;
	overflow: hidden;
	width: calc(100% - 112px);
	margin: auto;
}

.wip_dslidebg .bd ul {
	overflow: hidden;
	zoom: 1;
}

.wip_dslidebg .bd ul li {
	float: left;
	_display: inline;
	overflow: hidden;
	width: 25%;
	text-align: center;
	/*margin-right: 20px;*/
}

.wip_dslidebg .bd ul li p {
	width: 197px;
	line-height: 60px;
	background: #FFFFFF;
	margin: -30px auto 0px;
	color: #333333;
	position: relative;
	z-index: 2;
}

.wip_dslidebg .bd ul li a {
	display: block;
}

.wip_dslidebg .hd a.next {
	background: url(leftP.png) no-repeat center;
	width: 36px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0;
	height: 174px;
	cursor: pointer;
	z-index: 10;
}

.wip_dslidebg .hd a.prev {
	background: url(rightP.png) no-repeat center;
	width: 36px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	height: 174px;
	cursor: pointer;
	z-index: 10;
}


/*第五部分*/

.wip_ebg {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.wip_ebox {
	float: left;
	width: 150px;
	text-align: center;
	font-size: 18px;
	margin-left: 20px;
}

.wip_ebox:hover {
	transform: scale(1.1);
	transition: all 0.3s;
}

.wip_ebox:first-child {
	margin-left: 0px;
}

.wip_ebox a {
	color: #333333;
}

.wip_ebox>a {
	width: 100%;
	height: 100px;
	background: #FFFFFF;
	box-shadow: 0 2px 12px rgba(153, 153, 153, 0.2);
	display: block;
	line-height: 100px;
}

.wip_ebox p {
	line-height: 45px;
}

.wip_eboxlast {
	float: right;
	width: 340px;
	height: 144px;
}


/*第六部分*/

.wip_fbgig {
	width: 100%;
	background: #f4f9fc;
}

.wip_fbg {
	width: 100%;
	max-width: 1200px;
	margin: 50px auto 0px;
	padding: 30px 0px 22px;
}

.wip_fslide {
	width: 100%;
	max-width: 1200px;
	height: 380px;
	overflow: hidden;
	position: relative;
}

.wip_fbg .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	right: 529px;
	bottom: 12px;
	z-index: 1;
}

.wip_fbg .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.wip_fbg .hd ul li {
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 20px;
	border-radius: 50%;
	background-color: #cccccc;
}

.wip_fbg .hd ul li.on {
	background-color: #2b8bee;
}

.wip_fbg .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.wip_fbg .bd li {
	zoom: 1;
	vertical-align: middle;
}

.wip_fbg .bd li a {
	position: relative;
	width: 100%;
	display: block;
}

.wip_fbg .bd li .fit {
	height: 330px;
}

.wip_fbg .bd li .text {
	width: 100%;
	height: 60px;
	background: #000;
	color: #fff;
	line-height: 60px;
	font-size: 18px;
	padding-left: 20px;
	z-index: 1;
	position: absolute;
	bottom: 0;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.ztcollistli {
	float: left;
	width: 280px;
	height: 340px;
	background: #FFFFFF;
	margin-right: 20px;
}

.ztcollistli img {
	width: 100%;
	height: 165px;
}

.ztcollistli h1 {
	color: #333333;
	font-size: 18px;
	line-height: 65px;
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ztcollistli p {
	color: #999999;
	font-size: 16px;
	line-height: 32px;
	padding: 0px 20px;
}


/*服务轮播*/

.con4 {
	margin-top: 28px;
}

.con4 a {
	color: #333333;
}

.con4 .con4nr {
	width: 100%;
	/*margin-top: 10px;*/
	height: 500px;
	/*overflow: hidden;*/
	position: relative;
}

.con4 .con4left,
.con4 .con4mid,
.con4 .con4right {
	float: left;
	height: 467px;
	width: 240px;
}

.con4 .con4nr .liarr {
	width: 720px;
	height: 467px;
	border: 1px solid #2B8BEE !important;
	box-sizing: border-box;
}

.con4 .con4tit1,
.con4 .zwredtit {
	font-size: 22px;
	font-weight: bold;
	background: #fafafa;
	text-align: left;
	border-top: 1px solid #dddddd;
}

.con4 .active2 .con4tit1,
.con4 .zwredtit {
	text-align: center;
}

.con4nr .bansli.prev2 .zwredtit {
	text-align: left;
}

.con4nr .bansli.prev2 .zwredtit span {
	margin-left: 54px;
}

.con4nr .bansli.next2 .zwredtit {
	text-align: right;
}

.con4nr .bansli.next2 .zwredtit span {
	margin-right: 54px;
}

.con4nr .bansli .zwredtit {
	border: none;
	height: 88px;
	background: #2B8BEE;
}

.con4nr .bansli .zwredtit span {
	color: #fff;
	display: inline-block;
	margin-top: 11px;
	width: 190px;
	height: 58px;
	font-size: 24px;
	font-weight: bold;
	line-height: 58px;
	margin-left: 0;
	background: url(zwredtitbg.png) no-repeat;
}

.con4nr .zwredtit span {
	text-align: center;
	line-height: 84px;
}

.con4nr .boxA ul,
.con4nr .boxA ul {
	width: 100%;
}

.con4nr .boxA ul li {
	font-size: 18px;
	line-height: 60px;
	height: 60px;
	text-align: center;
	width: 178px;
	margin: 0 auto;
	border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
	float: unset;
}

.con4nr input.searchbuttom {
	margin: 0;
	padding: 0;
	width: 124px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	cursor: pointer;
	background-color: #2B8BEE;
	color: #fff;
	margin-right: 0px;
	text-align: center;
	border: none;
	margin-left: -4px;
	box-sizing: border-box;
	text-indent: 0;
	margin-top: 0px;
	background: url(scindex_con4_midss2.png) no-repeat;
}

.con4nr .search input.js_search_box {
	width: 425px;
	height: 50px;
	line-height: 50px;
	background: #ececec;
	font-size: 16px;
	color: #666666;
	padding-left: 30px;
	box-sizing: border-box;
}

.con4nr .ssbox {
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
}

.con4nr .con4midul01 li,
.con4nr .con4leftul01 li,
.con4nr .con4rightul01 li {
	width: 33%;
	float: left;
	text-align: center;
	height: 115px;
}

.con4nr .con4midul01 li img,
.con4nr .con4leftul01 li img,
.con4nr .con4rightul01 li img {
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 10px;
}

.con4nr .boxB li p,
.con4nr .con4right .boxB li a {
	font-size: 18px;
	line-height: 26px;
}

.con4nr .con4midul01,
.con4nr .con4leftul01,
.con4nr .con4rightul01 {
	width: 100%;
}

.con4nr .checkbox {
	margin: 10px auto;
	text-align: center;
	width: unset;
	display: block;
	text-align: center;
}

.con4nr .checkbox li {
	width: 35px;
	height: 8px;
	background: #dddddd;
	margin-right: 10px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}

.con4nr .checkbox li.on {
	background: #2B8BEE;
}

.con4nr form.search {
	display: inline-block;
}

.con4nr .liarr .boxA {
	display: none;
}

.con4nr .boxB {
	width: 720px;
	height: 370px;
	float: left;
}

.con4nr .liarr .boxB {
	display: block;
	width: 720px;
	height: 370px;
}

.con4nr .con4mid.bansli {
	/* border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd; */
}

.con4nr .con4mid2 {
	/* border-right: 1px solid #dddddd; */
}

.con4nr .bansli {
	width: 160px;
	height: 371px;
	overflow: hidden;
	/*transition: all  0.3s ;*/
	margin-top: 45px;
	box-sizing: border-box;
	/*margin-bottom: 84px;*/
}

.con4nr .liarr.bansli {
	margin-top: 0px;
}

.con4nr .liarr .mBd {
	height: 370px;
}

.con4nr .mBd {
	/* width: 100%; */
	height: 300px;
	overflow: hidden;
}

.con4nr .con4midul01 li img,
.con4nr .con4leftul01 li img,
.con4nr .con4rightul01 li img {
	float: left;
	margin-left: 7px;
        margin-right: 9px;
}

.con4nr .con4leftul01 li,
.con4nr .con4midul01 li,
.con4nr .con4rightul01 li {
	box-sizing: border-box;
	width: 33.3%;
	height: 110px;
}

.con4nr .con4midul01 ul.pr,
.con4nr .con4leftul01 ul.pr,
.con4nr .con4rightul01 ul.pr {
	float: right;
	width: 175px;
	text-align: left;
	/*text-indent: 10px;*/
}

.con4nr .pr .prp1 {
	font-size: 18px;
	color: #2B2F32;
	font-weight: bold;
	margin-top: 22px;
}

.con4nr .con4right .pr .prp1 {
	line-height: 60PX;
}


.con4nr .pr p:nth-child(2) {
	font-size: 14px;
	margin-top: 8px;
	display: block;
	color: #999999;
}

.con4nr .pr p:nth-child(2) a {
	font-size: 14px;
	color: #999999;
}

.con4nr .pr p:nth-child(2) a:hover {
	color: #2B8BEE;
}

.con4nr .pr p:nth-child(3) {
	font-size: 14px;
	margin-top: 8px;
	display: block;
	color: #999999;
}

.con4nr .pr p:nth-child(3) a {
	font-size: 14px;
	color: #999999;
}

.con4nr .pr p:nth-child(3) a:hover {
	color: #2B8BEE;
}




.con4nr .slideBox3 {
	margin-top: 25px;
}

.con4nr .con4right .slideBox3 {
	margin-top: 0px;
}

.con4nr .con4midboxB2 .slideBox3 {
	margin-top: 0px;
}

.con4nr .boxB a:hover p {
	color: #2B8BEE;
}

.con4nr .con4right {
	position: absolute;
	right: 0;
	top: 0;
}

.con4nr .con4right .tempWrap {
	margin-top: 10px;
}

.con4nr .con4mid2 .slideBox3 .con4rightul01 li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 48px;
	line-height: 48px;
	float: left;
	font-size: 18px;
	text-align: left;
	width: 33.3%;
	background: url(sybmico.png) no-repeat 5px center;
	padding-left: 30px;
}

.con4nr .con4right .checkbox {
	margin-top: 0;
}

.con4 #Diylbbox {
	position: relative;
	width: 1200px;
	height: 467px;
	margin: 0px auto;
}

.con4 #Diylbbox .Diylbul {
	position: relative;
	width: 1200px;
	height: 467px;
	transform-origin: 0 0;
}

.con4 #Diylbbox .Diylbul .bansli {
	position: absolute;
	background-size: 100% 100%;
	/* cursor: pointer; */
	background: #fff;
	transition: all 0.01s;
}

.con4 #Diylbbox .Diylbul .bansli.pre2 {}

.con4 #Diylbbox .Diylbbtn {
	position: absolute;
	display: none;
	z-index: 2;
	width: 50%;
	height: 364px;
	margin-top: -30px;
	text-align: center;
	top: 45px;
	margin-top: 0px;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	/* background: rgba(255, 255, 255, 0.5);*/
	z-index: 10 !important;
	transition: 1s ease;
	line-height: 350px;
	font-size: 0px;
	display: block !important;
}

.con4 #Diylbbox .active2 {
	z-index: 998 !important;
}

.con4 #Diylbbox .Diylbbtn.Diyprev {
	left: -70px;
}

.con4 #Diylbbox .Diylbbtn.Diyprev img {
	left: 10px;
	position: absolute;
	/* top:45%; */
	z-index: 99 !important;
}

.con4 #Diylbbox .Diylbbtn.Diynext {
	right: -70px;
}

.con4 #Diylbbox .Diylbbtn.Diynext img {
	right: 10px;
	position: absolute;
	/* top:45%; */
	z-index: 99 !important;
}

.con4 #Diylbbox .Diylbbtn img {
	z-index: 10;
	/* width: 100%; */
	/* height: 100%; */
	top: 45%;
}

.con4 #Diylbbox .active2 .liarrborder {
	border: none;
}

.con4 #Diylbbox .liarrborder {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0px;
	/* z-index: 99; */
	border: 1px solid #fff;
	z-index: -1;
}

.con4 #Diylbbox .liarrborder .bson {
	width: 100%;
	height: 100%;
	/*border: 1px solid rgb(204, 39, 40);*/
}

.con4 .boxA {
	display: none;
}





















.cloud {
				width: 220px;
				position: fixed;
				top: 0;
				left: 0;
				z-index: 999;
			}
			
			.cloud a {
				display: block;
			}
			
			.cloud a img {
				display: block;
				width: 220px;
			}
			
			.cloud_close {
				width: 40px;
				height: 20px;
				position: absolute;
				top: -20px;
				right: 0;
				font-size: 13px;
				line-height: 20px;
				color: #333;
				cursor: pointer;
				font-family: "微软雅黑";
				text-align: right;
			}